html{
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
.product{
    position: relative;
    width: 100%;
    padding: 20px;
        .header{
        width: 100%;
        border-bottom: 1px solid #cccccc;
        font-weight: 700;
    }
    .function{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        height: 70px;
        border-bottom: 1px solid #cccccc;
        
        .btn{
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            .item{
                display: block;
                font-size: 14px;
                width: 66px;
                height: 35px;
                line-height: 35px;
                text-align: center;
                border: 1px solid #cccccc;
                background-color: #eeeeee;
                &:hover{
                    background-color: #cccccc;
                }
                
            }
            .item1{
                border-left: none;
            }
            .item:nth-child(1){
                border-radius: 4px 0 0 4px;
            }
            .item:nth-child(4){
                border-radius: 0 4px 4px 0;
            }
        }
        .search{
            span{
                font-size: 16px;
            }
            .text{
                width: 170px;
                height: 30px;
                border: 1px solid #cccccc;
            }
            .button{
                vertical-align: bottom;
                width: 50px;
                height: 30px;
                border: 1px solid #cccccc;
                background-color: #eeeeee;
            }
        }
        .dissolve{
            position: absolute;
            right: 0;
            top: 230px;
            width: 90px;
            height: 30px;
            background-color: skyblue;
            text-align: center;
            line-height: 30px;
            border-radius: 4px;
            display: none;
            span{
                font-size: 14px;

            }
        }

    }
    
    .table{
        width: 100%;
        margin-top: 50px;
       
        overflow-x: auto;
        table{ 
            min-width: 992px;
            width: 100%;
            text-align: center;
            
            .title{
                font-weight: 700;
                font-size: 16px;
                td{
                    padding: 10px 0;
                }
            }
            .content{
                font-size: 14px;
                td{
                    padding: 10px 0;
                }
                input{
                    padding: 4px 10px;
                    &:hover{
                        cursor: pointer;
                        background-color: #eeeeee;
                    }
                }
            }
        }
    }
}